<html>
<head>
<title>QNAPMonitor Settings</title>
<link rel="stylesheet" href="css/settings.css" type="text/css" />
<script type="text/javascript" src="settings.js"></script>
<script type="text/javascript" src="display.js"></script>
<script type="text/javascript" src="utils.js"></script>
<script type="text/javascript" src="lib/SettingsManager.js"></script>
</head>
<body onload="settingsObj.onDisplay()" >
	<div class="tabcontrol" id="TabContainer">
		<div class="tab selectedtab" 	onclick="settingsObj.showTab(this, 'comms');"	style="display:block;">communications</div>
		<div class="tab"				onclick="settingsObj.showTab(this, 'display');"	style="display:block;">display</div>
		<div class="tab"				onclick="settingsObj.showTab(this, 'about');"	style="display:block;">about</div>
		<div class="tab" 				onclick="settingsObj.showTab(this, 'links');" 	style="display:block;">links</div>
	</div>
	<div id="Tabs">
		<!-- This tab displays information about how to connect to the device -->
		<div class="tabcontents" id="comms">
		
			<p>Secure Login (SSL):</p>
			<input id="NASSecureLogin" type="checkbox" value="true"/>
			
			<p>NAS IP Address:</p>
			<input id="NASaddress" type="text" value="192.168.178.52"/>

			<p>NAS Port:</p>
			<input id="NASport" type="text" value="8080"/>

			<p>NAS SSL Port:</p>
			<input id="NASportSSL" type="text" value="80"/>

			<p>NAS MAC Address (for WOL):</p>
			<input id="NASMACaddress" type="text" value="00:08:9B:BD:29:XX"/>

			<p>Username:</p>
			<input id="account" type="text" value="admin"/>

			<p>Password:</p>
			<input id="password" type="password" value="qnap"/>

			<p>Poll interval (sec):</p>
			<input id="interval" type="text" value="60"/>

			<p>Timeout (sec):</p>
			<input id="timeout" type="text" value="5"/>
		</div>
		
		<!-- This tab sets how information are to be displayed -->
		<div class="tabcontents" style="display:none;" id="display" >
			<p>Show space as <span style="color:orange">orange</span> above:</p>
			<input id="orangeSpace" type="text" value="80" />&#37;<br />
			<p>Show space as <span style="color:red">red</span> above:</p>
			<input id="redSpace" type="text" value="95" />&#37;<br />

			<p>Show temp as <span style="color:orange">orange</span> above:</p>
			<input id="orangeTemp" type="text" value="80" />&ordm;C<br />
			<p >Show temp as <span style="color:red">red</span> above:</p>
			<input id="redTemp" type="text" value="45"/>&ordm;C<br />

			<p>Maximum temp shown on bar:</p>
			<input id="tempBarMax"  type="text" value="60" />&ordm;C

		</div>

		<!-- The about tab -->
		<div class="tabcontents" style="display:none;" id="about" >
			<p style="text-align:left">A windows gadget for QNAP NAS</p>
			<p><span id="version"></span>&nbsp;<span id="download"></span></p>
			<p id="copyright"></p>
			<p>with contributions from Phil Wigglesworth, Iain Kerr, Bob Blackwell and RunaR</p>
		</div>

		<!-- A tab for links to resources -->
		<div class="tabcontents" style="display:none;" id="links">
			<p>Related links</p>
			<ul>
				<li><b>QNAP:</b></li>
				<li><a href="http://forum.qnapclub.de/">User forums</a></li>
				<li><b>DLINK:</b></li>
				<li><a href="http://forum.dsmg600.info/index.php">User forums</li>
				<li><a href="http://wiki.dns323.info/">User Wiki</a></li>
				<li><a href="http://www.dlink.co.uk/?go=jN7uAYLx/oIJaWVdDbgYU93ygJVYLelXSNvhLPG3yV3oV415g6ltbNlwaaRp7j8sFz2onGQTo48EE5+3n/K9K0MH8LubPtqzEMT8pnRbyctCCrpHKcCVuErk6TGEOcGXYPgp/FUnrIBfqygTYYTwlmHkhCZRvGisEhtqZg==">D-Link downloads</a></li>
				<li><a href="http://www.dlink.com/products/?pid=509">D-Link product data</a></li>
				<li><a href="http://forums.dlink.com/index.php?board=155.0">D-Link forums</a></li>
				<li><a href="http://philwigglesworth.net/">philwigglesworth.net</a></li>
			</ul>
		</div>
	</div>
</body>
</html>